/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require jquery.ui.accordion
 *= require_self
 *require_tree .
 */

/* Small reset */

article, details, figcaption, figure, footer, header, hgroup, menu, section {
	display: block;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

a {
	color: #6F3736;
}

/* Clear floats */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix {
	*zoom: 1;
}

/* Layout styles */

body {
	background: #eee url();
	margin: 0;
	font-family: 'Lucida sans', Arial, Helvetica;
	font-size: small;
}

header {	
	background-color: #FFC125;
	box-shadow: 0 1px 0 #fff, 0 -3px 3px #000 inset;
}

header hgroup {
	margin: 0 10px;
	padding: 10px 0;
}

header h1 {
	margin: 0;
	font: 25px/1 'Luckiest Guy', cursive; /* Google font API */
	float: left;
	text-shadow: 0 1px 0 rgba(0,0,0,.9);
}

header h2 {
	color: #CD1076;
	margin: 0;
	float: right;
	font: italic normal 15px/25px Arial, Helvetica;
}

header a {
	color: #4169E1;
	text-decoration: none;
}

header a:hover {
	color: #5CACEE;
}

header a span {
	color: #d2a4a4;
}

header a:hover span {
	color: #436EEE;
}

/* --------------------------------------------------- */

footer {
	position: fixed;
	left: 0px;
	bottom: 0px;
	text-align: center;	
	background-color: #B4CDCD;
	box-shadow: 0 1px 0 #fff, 0 3px 3px #000 inset;	
	width: 100%
}

footer .fgroup {
	padding: 10px 0;
	margin: 0 10px;	
}

/* --------------------------------------------------- */

#main {
	width: auto;
	height:100%;
	position:absolute;
}

#content {
	float: left;
	width: auto;
	margin: 10px 0 0 0;
}

#accordion-resizer {
	margin: 5px 0 0 5px;
	padding: 10px;
	width: 210px;
	height: 100%;
	float: left;
}

/* Vertical menu */
.menu {
	width: 200px;
}

.menu h3 {
	background: #EED5B7;
}
.menu li {
	margin: 0 0 3px 0;
}

.menu a {
	display: block;
	*display: inline-block;
	*width: 240px;
	text-decoration: none;
	color: #444;
	padding: 10px 5px;
	border-radius: 5px;
	box-shadow: 0 1px 0 #ccc;
}

.menu a:hover {
	color: #eee;
	background: #9c9c9c;
	background: linear-gradient(top, #bbb, #999);
}

.menu ul a {
	background: #EEEED1;
	text-transform: none;
	font-weight: normal;
}

.menu ul a:hover {
	background: #F0F0F0;
	color: #444;
}
.submenu {
	padding: 2px 3px !important;
}

/* --------------------------------------------------- */
div#content table {
	margin: 1em 0;
	border-collapse: collapse;
	width: 100%;
}
div#content table td, div#content table th {
	border: 1px solid #AAAAAA;
	padding: .6em 4px;
	text-align: left;
}

/* --------------------------------------------------- */
button a {
	text-decoration: none;
}
